<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组的增强</title>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</body>
<script>
    //数据的合并
    let arr1 = [1,2,3]
    let arr2 = [3,4,5]

    //es6
    //扩展符 ... 可修改 不可修改的数据类型
    let newArr = [...arr1,...arr2]  //...循环遍历的意思，节省了自己遍历数组的代码
    console.log(newArr);

    //传参
    console.log(Math.max(...arr1,...arr2));

    // Array.from() 这个函数可以将伪数组（容器）转换成真实数组  htmlcollection 典型的伪数组
    const list = document.getElementsByTagName('li')
    console.log(Array.from(list));
    const newList = Array.from(list)    //真实数组功能更多


    function test(){
        console.log(Array.from(arguments));
    }

    test(1,2,3,4)

    //  find()函数  查找第一符合条件的元素
    //  他的第一个参数是一个回调函数
    //当条件成立时，返回该元素，不成立则返回undefined
    result = arr2.find(function(item){
        return item > 3
    })

    console.log(result);

    
</script>
</html>